<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>打卡界面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/layui/css/layui.css"  media="all" th:href="@{/static/layui/css/layui.css}">


    <style>
        .first {
            width: 49.5%;
            float:left;
            height: max-content;

            /*background: #E9E7E7;*/

            /*height: 100px;*/
            /*border: 1px solid #3B6273;*/
        }
        .center {
            width: 1%;
            float:left;
            height: max-content;
            /*background: #E9E7E7;*/
            /*height: 100px;*/
            /*border: 1px solid #3B6273;*/
        }
        .second {
            width: 49.5%;
            float:left;
            height: max-content;
            /*border: 1px solid #3B6273;*/
        }
    </style>

</head>
<body style="background-color:#a6e1ec">
        <blockquote class="layui-elem-quote layui-text">
            <a href="#"  style="color: red">今日打卡</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/historyRecord">历史记录</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/personal">修改密码</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/myCard">负责患者</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/myDuty">重点监护</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/logout">退出</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/allShow">今日打卡现状&留言反馈</a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/global">国内疫情现状-视图总览</a>
        </blockquote>
        <div class="first" style="width: 30%">
            &nbsp;
        </div>
        <div class="first" style="background: #FFF8DC; box-shadow: 2px 2px 5px #bbb; width: 38%">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>今日已打卡（内容如下）：</legend>
            </fieldset>
            <form class="layui-form" th:each="card:${cards}">
                <div class="layui-form-item">
                    <label class="layui-form-label">工号：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getWorkerId()}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getName()}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">身体情况：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getBodyState()==0?'健康':'有发烧、咳嗽、咽痛、腹泻、乏力、鼻塞、流涕等症状'}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">健康码状态：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getHeathCodeState()==0?'绿色':'非绿色'}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">近14天内是否去过中高风险地区：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getInDangerousPlace()==0?'否':'是'}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">当前体温：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getTemperatureToday()}+'℃'" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">居住地址：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getAddressOfHome()}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">联系方式：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getPhoneNumber()}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">补充：</label>
                    <div class="layui-input-block">
                        <textarea style="width: 500px"  th:text="${card.getExtend()}" class="layui-textarea" readonly></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">本日打卡时间：</label>
                    <div class="layui-input-block">
                        <input style="width: 500px" type="text" th:value="${card.getAssistBit()}" autocomplete="off" class="layui-input" readonly>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo"><a href="/updateCardYcc">修改</a></button>
                    </div>
                </div>


            </form>
        </div>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
    layui.use('form', function(){
        var form = layui.form;
        form.render();
    });
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });
        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');
    });
</script>
</body>
</html>